<template>
<!--    <v-container>-->
    <div>
        <v-row>
<!--            <v-col cols="12" md="7">-->
<!--                <v-ThirdTable-->
<!--                    v-if="group_load"-->
<!--                    :bar="group_unit"-->
<!--                    :head="group_header"-->
<!--                    :body="group_data"-->
<!--                >-->
<!--                </v-ThirdTable>-->
<!--            </v-col>-->
            <v-col cols="12">
                <v-ThirdTable
                    v-if="config_load"
                    :bar="config_unit"
                    :head="config_header"
                    :body="config_data"
                >
                </v-ThirdTable>
            </v-col>
        </v-row>
    </div>
<!--    </v-container>-->
</template>

<script>
import { defineComponent } from '@vue/composition-api'
import ThirdTable from './children/ThirdTable.vue'

export default defineComponent({
    setup() {
        
    },
    components: {
        'v-ThirdTable': ThirdTable
    },
    data(){
        return {
            config_load: false,
            config_unit: { class: '#0CE8F5FF', title: '配置关键信息', page: 12, height: '700px', function: 'config', icon: 'mdi-circle-edit-outline' },
            config_header: [
                { text: '参数类型', value: 'act_type', align: 'start' },
                { text: '参数名称', value: 'key_name', sortable: false },
                { text: '参数值', value: 'key_value' },
                { text: '描述', value: 'description', sortable: false },
                { text: '操作', value: 'actions', sortable: false },
            ],
            config_data: [],
        }
    },
    mounted() {
        this.$emit("changeTaskID", 4)
        this.getTaskConfig()
    },
    methods: {
        getTaskConfig(){
            let get_data = {'app': 'task'}
            this.$api.task.getTaskConfig(get_data).then(res=>{
                console.log('get_group_info ...')
                console.log(res)
                this.config_data = res.data.data
                this.config_load = true
            })
        }
    }
})
</script>

<style scoped>

</style>